@import url("https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css");

/* General Styles */
body {
    background-color:#033067;
    color: #fff;
    font-family: 'Lexend', sans-serif;
    /* margin-top: 8%; */
}


 /* sample */
/* General styling for the dropdown menu */
.breadcrumb-nav {
  padding: 10px 15px;
  /* margin-top: 5%; */
  border-radius: 5px;
}

.breadcrumb {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap; /* Allows wrapping on smaller screens */
  background-color: transparent;
}

.breadcrumb-item {
  margin-right: 5px; /* Smaller spacing between items */
  font-size: 14px; /* Slightly smaller font size for mobile */
}

.breadcrumb-item + .breadcrumb-item:before {
  content: ">";
  margin-right: 5px; 
  color: grey;
}

.breadcrumb-item a {
  text-decoration: none;
  color: white;
}

.breadcrumb-item a:hover {
  text-decoration: underline;
}

.breadcrumb-item.active {
  color: #6c757d;
}
  
 
  
  
  
  .logo-img {
    width: 50px;
    height: auto;
  }

/* Mobile menu icon */


/* Hiding the nav links initially for mobile */
.mobile-menu {
    display: none;
    flex-direction: column;
}

.mobile-menu li {
    margin: 10px 0;
}

/* Hero Section */
h1 {
    font-size: 2.5rem;
    font-weight: bold;
}

p {
    font-size: 1.2rem;
}

.btn-danger {
    background-color: #ff0000;
    border-color: #ff0000;
    padding: 10px 20px;
}

.btn-danger:hover {
    background-color: #d40000;
}


.btn1{
    width: 38%;
    background-color: #ff0000;
    padding: 10px 20px;
    border-radius: .25rem;
    /* border-radius: 20px; */
}
.btn1:hover{
    background-color: green;
}

/* Portfolio Section */
.text {
    color: #e5e500;
}

.address{
    width: 25%;
    height: 318px;
    margin-left: 4%;
  }

/* Form Section */
.form-group {
    margin-bottom: 1.5rem;
}

.btn-block {
    background-color: #ff0000;
    border-color: #ff0000;
}

.btn-block:hover {
    background-color: #d40000;
}









 .form-control {
 display: block;
 width: 38%;
 height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
 font-size: 1rem;
 font-weight: 400;
 line-height: 1.5;
 color: #495057;
 background-color: #fff;
 background-clip: padding-box;
 border: 1px solid #ced4da;
 border-radius: .25rem;
 margin-bottom: -23px;
 
 transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}

 .form-groupname{
    margin-left: 331px;
 }
   /* Contact Form Section */
.content-form {
    width: 100%;
    max-width: 600px;
    margin: 50px auto;
    padding: 20px;
    color: #fff;
    text-align: center;
    font-family: Arial, sans-serif;}

 .label name{
    display: inline-block;
    margin-bottom: .5rem;
    margin-left: 331px;
}
 /* Form Input Styles  */
 .strategy-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
 }
 .strategy-form label {
    text-align: left;
    font-size: 14px;
    margin-bottom: -21px;
 }
 .strategy-form input {
    padding: 12px;
    border: 1px solid #444;
    border-radius: 5px;
    font-size: 16px;
    color: #000;
  }
  
  .strategy-form span {
    color: red;
}
/* "Find Us" section */
#find-us h2 {
    color: #fff200;
    font-size: 24px;
    font-weight: bold;
  }
  
  .find-us-wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
  }
  
  .find-us-container {
    text-align: center;
   
    color: yellow;
    padding: 20px;
  }
  
  .find-us-container h2 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #ffff00;
    /* Yellow color */
    margin-left: -21px;
  }
  .contact-info{
    margin-left: 595px;
    margin-top: -154px;
    width: 40%;
    position: relative;
    left: 8%;
    top: -167px;
    text-align: center;
    width: 537px;
   }

    .contact-info p{
        color: white;
       }


 /* Submit button */
 .submit-button {
    background-color: #e60000;
    color: #fff;
    padding: 12px;
    border: none;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    }

  .map-container{
    margin-left: -50%;
    margin-bottom: 30px;
  }
  
  .submit-button:hover {
    background-color: yellowgreen;
  }
 


h4 {
    color: #d2ff00; /* Ensure it matches the bright yellow text */
    font-size: 18px;
    margin-bottom: 10px;
}

ul {
    list-style: none;
    padding: 0;
}

ul li {
    margin: 8px 0;
}

ul li a {
    text-decoration: none;
    color: #fff;
    transition: color 0.3s;
}

 ul li a:hover {
    color: #d2ff00;
}

.social-icons a {
    margin-right: 10px;
}

.social-icons img {
    width: 25px;
    height: 25px;
}

address, a {
    color: #fff;
    text-decoration: none;
}

address a:hover {
    color: #d2ff00;
}
.inquiry-btn {
    background-color: #0056B3;
    color:white;
    padding: 10px 15px;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    transition: background-color 0.3s ease;
  }

  .inquiry-btn :hover {
    background-color: #0056B3;
    color:white;
   
  }
   

    

 /* Media queries for mobile responsiveness */
 @media screen and (max-width: 768px) {
      
    .address {
        width: 327%;   /* Increase the width for mobile devices */
        height: 200px; /* Adjust height for smaller screens */
        margin-left: -287%;
      }
      .contact-info {
        margin-left: -25px;  /* Adjust based on how much margin you want on mobile */
        margin-top: 20px;
        width: 90%;         /* Make it take more width on smaller screens */
        left: 0;            /* Center the content */
        top: 0; 
      }
    .menu-icon {
        display: block;
        color: #000;
        /* Show the mobile menu icon */
     }
     .map-container{
        margin-left: 75%;
        margin-bottom: 32px;
      }
      .breadcrumb-nav {
        padding: 8px 10px; /* Adjust padding for smaller screens */
        margin-top: 26px;
      }
      .breadcrumb-nav{
        margin-top: 27%;
      }
      .breadcrumb-item {
        font-size: 12px; /* Reduce font size for mobile */
      }
      .breadcrumb-item + .breadcrumb-item:before {
        margin-right: 4px; /* Reduce space before separator */
      }
      
      
     /* Show the mobile menu when clicked */
     

     /* Hide the inquiry button in mobile view */
     .inquiry-btn {
        display: none;
        }
        
            
 }